<!--  -->
<template>
  <div class='bot'>
    <div class="content">
      <div class="intro">
        <div class="icon">
          <el-image :src="$ossLink+'/app/bot/script/script_icon_general.png'"
                    fit="fill"></el-image>
        </div>
        <div class="other">
          <div class="name">{{ botInfo.name }}</div>
          <div class="author">Author: {{ botInfo.author }}</div>
          <div class="version">Version: {{ botInfo.version }}</div>
        </div>
      </div>
      <div class="description">
        <div class="text">{{ botInfo.description }}</div>
      </div>
    </div>
    <div class="action">
      <el-button size="mini"
                 @click="viewBotInfo(botInfo.id)">View</el-button>
      <el-button size="mini"
                 type="primary"
                 @click="addBot(botInfo.id)">Add</el-button>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    botInfo: {
      type: Object,
      default: () => { }
    }
  },
  data () {
    return {

    }
  },
  methods: {
    viewBotInfo (botId) {
    },
    addBot (botId) {
    }
  }
}
</script>

<style scoped lang='scss'>
@import "./bot-item.scss";
</style>
